{% extends "main.html" %}
{% block script_head %}
<script src="{{ static_url("js/jquery-1.7.2.min.js") }}"></script>
<!-- <script src="{{ static_url("js/chat.js") }}"></script> -->
<link rel="stylesheet" href="{{ static_url("css/chat.css") }}" />
{% end %}

{% block body %}
<body class="keBody">
<h1 class="keTitle">WebChat</h1>
<div class="kePublic">
<!--效果html开始-->
    <div class="content">
        <div class="chatBox">
            <div class="chatLeft">
                <div class="chat01">
                    <div class="chat01_title">
                        <ul class="talkTo">
                            <li><a href="javascript:;">聊天窗口</a></li></ul>
                        <a class="close_btn" href="javascript:;"></a>
                    </div>
                    <div class="chat01_content">
                    </div>
                </div>
                <div class="chat02">
                    <div class="chat02_content">
                        <textarea id="textarea"></textarea>
                    </div>
                    <div class="chat02_bar"></div>
                </div>
            </div>
            <div class="chatRight" >
                <div class="chat03" style="position:absolute; height:400px; width:160px; overflow:auto">
                    <div class="chat03_title">
                        <label class="chat03_title_t">
                            成员列表</label>
                    </div>
                    <div class="chat03_content" >
                        <ul>
                            {% block members %}
                                {% for member in group %}
                                    <li>
                                        <a href="javascript:;" class="chat03_name">{{ member.nick_name }}</a>
                                    </li>
                                {% end %}
                            {% end %}
                        </ul>
                    </div>
                </div>
            </div>
            <div style="clear: both;">
            <img src="{{ static_url("img/qr.png") }}">
            </div>
        </div>
    </div>
<!--效果html结束-->
</div>
</body>

{% end %}


{% block footer %}
{% end %}


{% block script_footer %}
{% end %}